<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
  <meta name="renderer" content="webkit"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta http-equiv="Cache-Control" content="no-transform"/>
  <title>产品中心</title>
  <meta name="keywords" content="关键字"/>
  <meta name="description" content="描述"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="/css/index.css" rel="stylesheet"/>
  <link href="/css/products.css" rel="stylesheet"/>
  <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
 <script src="/js/bootstrap.min.js"></script>
</head>
<body class="wrap">
<!-- 公共导航栏 -->
{%widget name="guide" type="vm"%}
<!-- 轮播区域 -->
<div id="banner" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="images/ad04.png" alt="" />
        </div>
        <div class="item">
           <img src="images/ad04.png" alt="" />
        </div>
        <div class="item">
           <img src="images/ad04.png" alt="" />
        </div>
      </div>
      <a class="left carousel-control" href="#banner" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#banner" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
    <!-- 面包屑导航 -->
    <ol class="breadcrumb bread_dao">
      <li class="mbxie"><a href="index.html">首页</a></li>
      <li class="mbxie active">产品中心</li>
    </ol>
    <!-- 产品中心 -->
    <div class="container-fluid">
    <div class="row">
      <div class="col-sm-6 col-lg-6 col-md-6 col-xs-12 col-a center-block">  
       <a href="hongzaojiu.html" class="thumbnail center-block"><img src="images/product1.png"><p>玛咖红枣酒38º</p>
       <span>点击进入</span></a>  
      </div>
      <div class="col-sm-6 col-lg-6 col-md-6 col-xs-12 col-a">
        <a href="huangjingjiu.html" class="thumbnail"><img src="images/product2.png" /><p>玛咖黄精酒40º</p>
        <span>点击进入</span></a>
      </div>
    </div> 
    <div class="row">
      <div class="col-sm-6 col-lg-6 col-md-6 col-xs-12 col-a">
          <a href="#" class="thumbnail"><img src="images/product3.png" /><p>桑葚酒</p> <span>点击进入</span></a>       
      </div>
    </div>      
  </div> 
  <div class="ft_bg_co container-fluid">
    <div class="col-xs-12 col-sm-12 col-md-6">
      <h4 class="ft_text ft_text_l">京ICP备15040649号  版权拥有者:北京中劲高科食品科技有限公司  </h4>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-6">
      <h4><a href="#" class="ft_text ft_text_r">试用中心</a>
        <a href="#" class="ft_text ft_text_r">招聘英才</a>
        <a href="#" class="ft_text ft_text_r">互联网+</a>       
      </h4>
    </div>
</div>     
</body>
</html>
  